<style>
  body{
    background:#E9F9E8;
  }

  table{
    background:#D9F7D7;
    border-left: 1px solid green;
  }


tbody td {
/*    border: 1px solid green; */
    border-bottom: 1px solid green;
    border-right: 1px solid green;
    font-family: cursive;
    font-size: 20px;
    padding: 5px;
}
  thead th {
    background: none repeat scroll 0 0 #B2F7AD;
    font-family: Comic Sans MS;
    font-size: 20px;
    border-right: 1px solid green;
    border-top: 1px solid green;
    border-bottom: 1px solid green;

  }
/*
  input,textarea,select {
      font-size: 20px;
      width:200px;
  }
*/
  input[type="text"],input[type="file"],input[type="password"],input[type="email"],input[type="date"],textarea,select {
      font-size: 20px;
      width:250px;
      border:1px solid #3E5FF2;
      background:#E0FFFB;
      color:green;
      padding:5px;
  }
  input[type="submit"]{
    background:#000;
    color:#FFF;
    font-size: 25px;
    width:250px;
    padding:5px;
    border-radius:20px;
  }
  input[type="submit"]:hover{
    background:grey;
    border:1px solid #000;
  }
</style>
<form action="" method="post">

  <table cellspacing="0" cellpadding="0" border="0" width="60%" align="center">
    <thead>
      <tr>
        <th colspan="2">Please fill the details</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td align="right">Name :</td>
        <td>
          <input
          required
          type="text"
          name="uname"
          maxlength="50"
          size="20"
          oncopy="return false"
          onpaste="return false"
          autocomplete="off"
          id="unameId"
          placeholder="My name is"
          ></td>
      </tr>

      <tr>
        <td align="right">Email :</td>
        <td><input type="email" autocomplete="off" name="email" id="emailId" required placeholder="My email is"></td>
      <tr>

      <tr>
        <td align="right">Password :</td>
        <td><input type="password" placeholder="My password is" name="password" id="passwordId" required></td>
      </tr>

      <tr>
        <td align="right">Confirm Password :</td>
        <td><input type="password" name="cpassword" placeholder="Confirm Password" id="cpasswordId" required></td>
      </tr>

      <tr>
        <td align="right">Gender :</td>
        <td>
          <label><input required type="radio" value="m" name="gender">Male</label>
          <label><input required type="radio" value="f" name="gender">Female</label>

        </td>
      </tr>

      <tr>
        <td align="right">Date Of Birth :</td>
        <td><input placeholder="DD/MM/YYYY" required type="date" name="dob" id="dobId" /></td>
      </tr>

      <tr>
        <td align="right">Address :</td>
        <td><textarea placeholder="My address is" required name="address" id="addressId" rows="5" cols="20"></textarea></td>
      </tr>

      <tr>
        <td align="right">Country :</td>
        <td>
          <select name="country">
            <option value="">-SELECT-</option>
            <option value="in">India</option>
            <option value="pk">Pakistan</option>
            <option value="np">Nepal</option>
            <option value="bn">Bangladesh</option>
            <option value="ch">China</option>
          </select>
        </td>
      </tr>

      <tr>
        <td align="right">Languages Known :</td>
        <td>
          <select name="lang[]" multiple>
            <option value="hi">Hindi</option>
            <option value="en">English</option>
            <option value="tm">Tamil</option>
            <option value="gj">Gujrati</option>
            <option value="mh">Marathi</option>
          </select>
        </td>
      </tr>

      <tr>
        <td align="right">Hobbies :</td>
        <td>
          <label><input required type="checkbox" value="ck" name="hobbies[]">Cricket</label>
          <label><input required type="checkbox" value="bd" name="hobbies[]">Badminton</label> <br>
          <label><input required type="checkbox" value="hk" name="hobbies[]">Hockey</label>
          <label><input required type="checkbox" value="st" name="hobbies[]">Study</label>

        </td>
      </tr>

      <tr>
        <td align="right">Avatar :</td>
        <td><input type="file" name="avatar" required /></td>
      </tr>

      <tr>
        <td align="right">&nbsp;</td>
        <td><input type="submit" value="I am done!!" /></td>
      </tr>

    </tbody>
  </table>

</form>
